// 注册页面的相关JS
window.onload = function () {
  register();
};

function register() {
  layui.use(function () {
    var { form, layer, $ } = layui;
    // 定义前台的表单验证规则
    form.verify({
      username: function (value, item) {
        //value：表单的值、item：表单的DOM对象
        if (!new RegExp('^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$').test(value)) {
          return '用户名不能有特殊字符';
        }
        if (/(^\_)|(\__)|(\_+$)/.test(value)) {
          return "用户名首尾不能出现下划线'_'";
        }
        if (/^\d+\d+\d$/.test(value)) {
          return '用户名不能全为数字';
        }
        if (!/^[\S]{5,12}$/.test(value)) {
          return '用户名必须6到12位，且不能出现空格';
        }
        //如果不想自动弹出默认提示框，可以直接返回 true，这时你可以通过其他任意方式提示（v2.5.7 新增）
        if (value === 'fuck') {
          alert('用户名不能为敏感词');
          return true;
        }
      }, //我们既支持上述函数式的方式，也支持下述数组的形式
      //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
      password: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
    });
    // 前台表单验证规则定义完毕

    // 点击提交按钮 表单提交事件  触发表单的submit提交
    // 提交按钮元素为：     lay-filter="loginForm"
    form.on('submit(registerForm)', function (data) {
      console.log(data.field); //当前容器的全部表单字段，{username: 'admin', password: '123456'}
      $.ajax({
        url: '/admin/login/register',
        type: 'post',
        data: data.field,
        success: res => {
          console.log(res);
          if (res.code === 0) {
            layer.open({
              // 注册失败
              title: '注册信息提示',
              content: res.msg,
              icon: 2,
            });
          } else {
            // 注册成功
            layer.open({
              title: '注册信息提示',
              content: res.msg,
              icon: 1,
            });
            // 跳转到登录
            location.href = '/admin/login/';
          }
        },
      });
      return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });
  });
}
